<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"      
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">    

    <h:body>
        <ui:composition template="./form_template.xhtml">
            
            <ui:define name="form_body">
                <p:growl autoUpdate="true"/>
                <p:panelGrid>
                    <p:row>
                        <p:column>
                            <p:commandButton value="Ir pagina CRUD" action="main_template"/>
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column>
                            <p:dataTable value="#{testClient.roles}" var="r">
                                <p:column headerText="Rol">
                                    <h:outputText value="#{r.nombre}"/>
                                </p:column>
                            </p:dataTable>
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column>
                            <p:dataTable value="#{testClient.departamentos}" var="d">
                                <p:column headerText="Departamento">
                                    <h:outputText value="#{d.nombre}"/>
                                </p:column>
                            </p:dataTable>
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column>
                            <p:autoComplete value="#{testClient.selected}" completeMethod="#{testClient.complete}" 
                                            converter="#{departamentoBean.converter}"
                                            var="d"
                                            itemValue="#{d}"
                                            itemLabel="#{d.nombre}"
                                            />
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column>
                            <p:dataTable value="#{testClient.puestos}" var="p">
                                <p:column headerText="Puesto">
                                    <h:outputText value="#{p.nombre}"/>
                                </p:column>
                            </p:dataTable>
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column>
                            <p:commandButton value="Probar" action="#{testClient.accion}"/>
                        </p:column>
                    </p:row>


                </p:panelGrid>
            </ui:define>
        </ui:composition>
    </h:body>

</html>
